body,
div {
	margin: 0;
	padding: 0;
}

.ui-slider-wrap {
	background: #e8e8e8;
	position: relative;
}

.ui-slider-wrap .ui-slider-bg {
	width: 0;
}

.ui-slider-wrap .ui-slider-btn {
	position: absolute;
	top: 0;
	left: 0;
	cursor: move;
	text-align: center;
	border: 1px solid #ccc;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.ui-slider-wrap .ui-slider-btn {
	background: #fff url(../img/slider.png) no-repeat center;
}

.ui-slider-wrap .ui-slider-btn.success {
	background-image: url(../img/success.png);
}

.ui-slider-wrap .ui-slider-text {
	width: 100%;
	height: 100%;
	font-family: "微软雅黑";
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	color: #666;
}
/* .ui-slider-wrap .ui-slider-text::after{
    content: "";
	z-index: 2; 
    position: absolute;
	display: block;
    left: 50px;
    width: 30px;
    height: 30px;
    -webkit-transform: skew(158deg);
    -moz-transform: skew(158deg);
    -o-transform: skew(158deg);
    -ms-transform: skew(158deg);
	transform: skew(158deg);
	background-color: #fff;
	-webkit-animation: crossed 5s linear;
    -ms-animation: crossed 5s linear;
    -moz-animation: crossed 5s linear;
    -o-animation: crossed 5s linear;
    animation: crossed 5s linear;
} */
@-webkit-keyframes crossed {
    from{
        left: -100%;
    }
    to{
        left:100%;
    }
}
@-o-keyframes crossed {
    from{
        left: -100%;
    }
    to{
        left:100%;
    }
}
@-moz-keyframes crossed {
    from{
        left: -100%;
    }
    to{
        left:100%;
    }
}
@-ms-keyframes crossed {
    from{
        left: -100%;
    }
    to{
        left:100%;
    }
}
@keyframes crossed {
    from{
        left: -100%;
    }
    to{
        left:100%;
    }
}

.ui-slider-wrap .ui-slider-no-select {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}